<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/jstl.jspf"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta charset="utf-8" />
<title>拉勾首页</title>
<link rel="stylesheet" type="text/css"
	href="${url }/vendor/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="${url }/css/header.css" />
<link rel="stylesheet" href="${url }/css/common.css" />
<link rel="stylesheet" href="${url }/css/index.css" />
<link rel="stylesheet" href="${url }/css/select-city.css" />
<link rel="Shortcut Icon" href="${url }/img/favicon.ico">
</head>

<body>

	<header id="header">
	<div class="header-wrapper">
		<ul class="header-left">
			<li class="item lagou-app"><a href=""><i
					class="icon fa fa-mobile"></i>拉勾APP</a></li>
		</ul>
		<ul class="header-right">

			<c:if test="${user!=null }">
                  <c:if test="${user.role_type==1 }">
				<li class="item"><a href="msg.html">消息</a> <span class="mark">3</span>
				</li>
				<li class="item line">|</li>
				<li class="item"><a href="resume.html">我的简历</a></li>
				<li class="item line">|</li>
				<li class="item"><a href="delivery.html">投递反馈</a></li>
				<li class="item line">|</li>
				<li class="item"><a href="invitation.html">职位邀请</a></li>
				<li class="item line">|</li>
				</c:if>
				<c:if test="${user.role_type==2 }">
				<li class="item">
						<a href="${url }/msg.html">消息</a>
						<span class="mark">3</span>
					</li>
					<li class="item line">|</li>
					<li class="item">
						<a href="${url }/">预览主页</a>
					</li>
					<li class="item line">|</li>
					<li class="item">
						<a href="${url }/company/Position-toPositionListUI.action">企业后台</a>
					</li>
					<li class="item line">|</li>
				
				</c:if>
				
				
				<li class="item user"><a href="javascript:js_method()"
					class="user-name" id="userName"> ${user.email }
						${users.username } &nbsp;<i class="icon fa fa-caret-down"></i>
				</a>
					<ul class="user-content">
						<li class="content-item"><a
							href="${url}/user/user_infoBind.action">帐号设置</a></li>
						<li class="content-item"><a
							href="${url }/user/user_loginOut.action">退出</a></li>
					</ul>
				</li>
			</c:if>

			<c:if test="${user ==null }">
				<li class="item"><a href="${url }/login.jsp">登录</a></li>
				<li class="item line">|</li>
				<li class="item"><a href="${url }/register.jsp">注册</a></li>
			</c:if>
		</ul>
	</div>
	<nav class="nav">
	<div class="nav-content">
		<a href="index.html" class="nav-logo"><img
			src="${url }/img/index2.png" /></a>
		<div class="inside-nav-country">
			<span id="selectedCity"> </span><span class="city" id="selectCity">[切换城市]</span>
		</div>
		<ul class="nav-menu">
			<li class="menu-item active"><a href="index.html">首页</a></li>
			<li class="menu-item"><a href="search.html">职位</a></li>
			<li class="menu-item"><a href="company.html">公司</a></li>
		</ul>
	</div>
	</nav> </header>

	<div class="fixed-bar-top" onclick="returnTop()" id="fixed-bar"></div>
	<div class="fixed-bar-suggest"></div>
	<div class="feedback">我要反馈</div>

	<div class="index-wrapper" id="wrapper">
		<div class="float-wrapper">
			<div class="wrap-header">
				<span>切换城市</span> <span id="close"
					style="float: right; font-size: 30px; cursor: pointer;">x</span>
			</div>
			<div class="changecity-header">
				<span style="font-size: 22px;">亲爱的用户您好：</span><br />
				<br /> <span>切换城市分站，让我们为您提供更准确的职位信息。</span>
			</div>
			<div class="city-wrapper">
				<ul id="citys">
					<li><a href="javascript:void(0)" class="active">全国站</a></li>
					<li><a href="javascript:void(0)">北京站</a></li>
					<li><a href="javascript:void(0)">上海站</a></li>
					<li><a href="javascript:void(0)">杭州站</a></li>
					<li><a href="javascript:void(0)">广州站</a></li>
				</ul>
			</div>
			<div class="float-footer">其他城市正在开通中，敬请期待~</div>
		</div>
	</div>

	<div class="index-main">
		<ul class="sidebar">
			<li class="sidebar-item">
				<h3>
					技术<span class="icon fa fa-angle-right"></span>
				</h3>
				<ul class="item-bar">
					<li><a href="">Java</a></li>
					<li><a href="">PHP</a></li>
					<li><a href="">C</a></li>
					<li><a href="">C++</a></li>
					<li><a href="">Android</a></li>
					<li><a href="">iOS</a></li>
					<li><a href="">测试</a></li>
					<li><a href="">前端开发</a></li>
					<li><a href="">技术经理</a></li>
					<li><a href="">技术总监</a></li>
					<li><a href="">架构师</a></li>
					<li><a href="">CTO</a></li>
				</ul>
				<ul class="item-list">
					<li class="list-details"><span class="title">前端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">Web</a></li>
							<li class="details-item"><a href="">UI</a></li>
						</ul></li>
					<li class="list-details"><span class="title">后端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">移动开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">android</a></li>
						</ul></li>
					<li class="list-details"><span class="title">人工智能</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
				</ul>
			</li>
			<li class="sidebar-item">
				<h3>
					产品<span class="icon fa fa-angle-right"></span>
				</h3>
				<ul class="item-bar">
					<li><a href="">产品总监</a></li>
					<li><a href="">产品经理</a></li>
					<li><a href="">移动产品经理</a></li>
					<li><a href="">游戏策划</a></li>
				</ul>
				<ul class="item-list">
					<li class="list-details"><span class="title">前端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">后端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">移动开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">人工智能</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
				</ul>
			</li>

			<li class="sidebar-item">
				<h3>
					设计<span class="icon fa fa-angle-right"></span>
				</h3>
				<ul class="item-bar">
					<li><a href="">设计总监</a></li>
					<li><a href="">UI</a></li>
					<li><a href="">UE</a></li>

					<li><a href="">交互设计</a></li>
					<li><a href="">数据分析</a></li>
				</ul>
				<ul class="item-list">
					<li class="list-details"><span class="title">前端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">后端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">移动开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">人工智能</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
				</ul>
			</li>
			<li class="sidebar-item">
				<h3>
					运营<span class="icon fa fa-angle-right"></span>
				</h3>
				<ul class="item-bar">
					<li><a href="">新媒体运营</a></li>
					<li><a href="">数据运营</a></li>

					<li><a href="">运营总监</a></li>
					<li><a href="">C00</a></li>
					<li><a href="">编辑</a></li>
				</ul>
				<ul class="item-list">
					<li class="list-details"><span class="title">前端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">后端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">移动开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">人工智能</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
				</ul>
			</li>

			<li class="sidebar-item">
				<h3>
					市场与销售<span class="icon fa fa-angle-right"></span>
				</h3>
				<ul class="item-bar">
					<li><a href="">市场推广</a></li>
					<li><a href="">市场总监</a></li>

					<li><a href="">市场策划</a></li>
					<li><a href="">BD</a></li>
					<li><a href="">销售总监</a></li>
				</ul>
				<ul class="item-list">
					<li class="list-details"><span class="title">前端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">后端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">移动开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">人工智能</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
				</ul>
			</li>

			<li class="sidebar-item">
				<h3>
					职能<span class="icon fa fa-angle-right"></span>
				</h3>
				<ul class="item-bar">
					<li><a href="">HR</a></li>
					<li><a href="">行政</a></li>
					<li><a href="">会计</a></li>
					<li><a href="">出纳</a></li>
				</ul>
				<ul class="item-list">
					<li class="list-details"><span class="title">前端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">后端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">移动开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">人工智能</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
				</ul>
			</li>

			<li class="sidebar-item">
				<h3>
					金融<span class="icon fa fa-angle-right"></span>
				</h3>
				<ul class="item-bar">
					<li><a href="">投资</a></li>
					<li><a href="">融资</a></li>
					<li><a href="">并购</a></li>
					<li><a href="">风控</a></li>
				</ul>
				<ul class="item-list">
					<li class="list-details"><span class="title">前端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">后端开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">移动开发</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
					<li class="list-details"><span class="title">人工智能</span>
						<ul class="content-details">
							<li class="details-item"><a href="">java</a></li>
						</ul></li>
				</ul>
			</li>
		</ul>

		<div class="index-main-right">
			<div class="index-header">
				<form action="search.html">
					<div class="index-header-text">
			<input type="text"style="width: 580px;
			 height: 40px; line-height:
			  40px; padding-left: 10px; 
			  font-size: 18px; border: none; outline: #00B38A;"placeholder="搜索职位/公司" autofocus="autofocus" />
					</div>

					<div class="index-header-search">
						<input type="submit" value="搜索"
							style="width: 155px; height: 40px; background: #00B38A; color: white; font-size: 20px; line-height: 40px; border: none; cursor: pointer;" />
					</div>
				</form>
			</div>

			<div class="index-menu">
				<ul>
					<li><span class="hot-search">热门搜索:</span></li>
					<li><a href="">文案策划</a></li>
					<li><a href="">市场总监</a></li>
					<li><a href="">PHP</a></li>
					<li><a href="">数据分析</a></li>
					<li><a href="">产品经理</a></li>
					<li><a href="">平面设计师</a></li>
					<li><a href="">技术总监</a></li>
					<li><a href="">测试</a></li>
					<li><a href="">拉勾APP</a></li>
				</ul>
			</div>

			<div class="index-contain">
				<div class="index-contain-left" id="index-contain-left">
					<div class="index-banner" id="index-banner">
						<a href="https://pai.lagou.com/index.html" target="_blank"><img
							src="${url }/img/index8.JPG" /></a> <a
							href="https://www.lagou.com/app/download.html" target="_blank"><img
							src="${url }/img/index9.JPG" /></a> <a
							href="https://yanzhi.lagou.com/" target="_blank"><img
							src="${url }/img/index10.JPG" /></a>
					</div>
				</div>

				<div class="index-contain-right">
					<span></span>
					<div class="index-contain-right1 contain-right-image">
						<div class="index-contain-right1-image "></div>
					</div>

					<div class="index-contain-right2 contain-right-image">
						<div class="index-contain-right2-image"></div>
					</div>

					<div class="index-contain-right3 contain-right-image">
						<div class="index-contain-right3-image"></div>
					</div>
				</div>
			</div>

			<div class="index-content">
				<div class="example1">
					<img src="${url }/img/index16.png"
						style="width: 113px; height: 113px">
					<div class="intro1">
						<p class="p1">搜房网</p>
						<hr />
						<p class="p2">上市公司 中国最大的房地产专业研究机构</p>
					</div>
				</div>

				<div class="example1">
					<img src="${url }/img/index17.png"
						 style="width: 113px; height: 113px">
					<div class="intro1">
						<p class="p1">蜂窝煤</p>
						<hr />
						<p class="p2">中国领先的服务行自由平台</p>
					</div>
				</div>

				<div class="example1">
					<img src="${url }/img/index18.png"
						 style="width: 113px; height: 113px">
					<div class="intro1">
						<p class="p1">之间网</p>
						<hr />
						<p class="p2">丰厚的薪酬！舒适的办公环境！广阔的发展平台！</p>
					</div>
				</div>

				<div class="example1">
					<img src="${url }/img/index19.jpg"
						 style="width: 113px; height: 113px">
					<div class="intro1">
						<p class="p1">尚娱网络</p>
						<hr />
						<p class="p2">给你想要的！</p>
					</div>
				</div>

				<div class="example1">
					<img src="${url }/img/index20.jpg"
						 style="width: 113px; height: 113px">
					<div class="intro1">
						<p class="p1">DataHu</p>
						<hr />
						<p class="p2">洞见数据价值</p>
					</div>
				</div>

				<div class="example1">
					<img src="${url }/img/index21.png"
						 style="width: 113px; height: 113px">
					<div class="intro1">
						<p class="p1">闪签科技</p>
						<hr />
						<p class="p2">让每个人更有价值的存在</p>
					</div>
				</div>
			</div>
		<c:if test="${user==null }">
			<%! int num=1; %> 
			<script type="text/javascript">
			var check="<%=num%>";
			if(check==1){
				alert("huahua");
				location='<%=request.getContextPath()%>/user/user_positionList.action';
				alert("没有执行");	
				<% num=0;%>  
			}  
			
			</script>
		</c:if>
			<ul class="index-bar">
				<li class="hot-position active">热门职位</li>
				<li class="new-position">最新职位</li>
			</ul>

			<ul class="position-wrapper active" id="hot-position-wrapper">
				<li class="position-item">
					<div class="position-item-left">
						<div class="position-city">
							<a href="position.html">新媒体运营[深圳]</a><span>2016-09-08</span>
						</div>
						<span class="money">4k-8k</span> <span class="qualifications">经验不限/本科</span>
					</div>

					<div class="position-item-right">
						<a href="" class="company-name">木光</a> <span class="type">移动互联网,社交网络
							/ 初创型(未融资)</span>
					</div>

					<div class="position-item-footer">
						<ul class="gift">
							<li class="gift-item">节日礼物</li>
							<li class="gift-item">节假日</li>
						</ul>
						<span class="brief">五险一金，帅哥美女多，可以接触各种大牛</span>
					</div>
				</li>
			</ul>
			<ul class="position-wrapper" id="new-position-wrapper">
			
			<c:forEach items="${list }" var="position">
				<li class="position-item">
					<div class="position-item-left">
						<div class="position-city">
							<a href="position.html">${position.name }[${position.city$name }]</a>
							<time><fmt:formatDate value="${position.publishTime }" pattern="yyyy-MM-dd "/></time>
						</div>
						<span class="money">${position.salaryBegin }-${position.salaryEnd }</span> 
						<span class="qualifications">${position.workExperienceStr }/${position.educationStr }</span>
					</div>

					<div class="position-item-right">
						<a href="" class="company-name">${position.company$name }</a>
						 <span class="type">${position.trade$name } </span>
					</div>

					<div class="position-item-footer">
						<ul class="gift">
							<li class="gift-item">${position.treatment }</li>
							<li class="gift-item">节假日</li>
						</ul>
						<span class="brief">${position.treatment }</span>
					</div>
				</li>
			</c:forEach>		
			</ul>

			<div class="look">
				查看更多<img src="${url }/img/z1.png" class="doc" />
			</div>
		</div>
	</div>

	<c:if test="${user==null }">
		<div class="bottom-bar" id="bottom-bar">
			<div class="bottom-bar-center">
				<div class="room" id="room">
					<img src="${url }/img/index7.png" />
				</div>
				<div class="bottom-bar-image"></div>
				<div class="bottom-bar-company">
					138,600 <span class="company">公司</span>
				</div>
				<div class="bottom-bar-position">
					2,316,924 <span class="position">职位</span>
				</div>
				<div class="bottom-bar-register">
					<a href="${url }/register.jsp">注册</a>
				</div>
				<div class="bottom-bar-login">
					<a href="${url }/login.jsp">登录</a>
				</div>
			</div>
		</div>
	</c:if>
	<div class="footer">
		<div id="weibo">
			<a href="app.html" target="_blank"><img
				src="${url }/img/weibo.png" style="width: 240px; height: 240px" /></a>
		</div>

		<div id="weixin">
			<a href=""><img src="${url }/img/weixin.png"
				style="width: 235px; height: 235px" /></a>
		</div>
		<div class="footer-inside">
			<div class="footer-lagou">
				<div class="footer-text">
					<dl class="list-nav">
						<dd id="lagou-weibo">
							<a href="">拉勾APP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd>
							<a href="">拉勾微博&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd id="lagou-weixin">
							<a href="">拉钩微信&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd>
							<a href="">版本更新&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd>
							<a href="">帮助中心&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd>
							<a href="">联系我们&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd>
							<a href="">在线交流&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd>
							<a href="">服务热线：4006-2828-35 (9:00 -18:00)</a>
						</dd>
					</dl>
					<div class="footer-new"></div>
				</div>
				<div class="footer-image"></div>
				<div class="footer-text1">©2016 Lagou 京ICP备14023790号-2
					京公网安备11010802017116号</div>
			</div>
		</div>
	</div>


	<script src="${url }/vendor/jquery.min.js"></script>
	<script src="${url }/vendor/jquery.cookie.js"></script>
	<script src="${url }/vendor/sHover.min.js"></script>
	<script src="${url }/js/common.js"></script>
	<script src="${url }/js/select-city.js"></script>
	<script src="${url }/js/index.js"></script>

	<script>
		var example1 = new sHover("example1", "intro1");
	</script>
</body>

</html>
